<template>
	<div class="lq-box_21 clearFix" v-if="banshow">
		<span @click="banshow=false">×</span>
		<h3>
			<p>下载APP,首单慢100送100！</p>
			<p class="snake1">买真酒,就上酒仙网</p>
		</h3>
		<div class="lq-box_31 clearFix">
			立即下载
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				banshow : true
			}
		}
	}
</script>

<style scoped>
.lq-box_21{
    background: #2e2e2e none repeat scroll 0 0;
   	height:1.0rem;
 	/*margin-top: 1.462rem;*/
    position: relative;
    width: 100%;
    display: none;
    cursor: pointer;
    display: block;
}
.lq-box_21 span{
	color: #fff;
	font-size: .7rem;
	float: left;
}
.lq-box_21 h3{
	font-weight: normal;
    margin: 0 auto;
    padding-top: 0.266rem;
    text-align: center;
    font-size: 0.4rem;
}
h3 p{
	color: #fff;
    font-size: 0.328rem;
    height: 0.219rem;
    line-height: 0.219;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.snake1{
	font-size: 0.328rem;
    height: 100%;
    line-height: 0.219rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color:red;
    padding-top: 0.156rem;
}
.lq-box_31{
	background: #fc5a5a none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 0.3rem;
    width:2rem;
    padding: 0.3rem 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;		
}
</style>